<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <section class="container">
        <!-- banner -->
        <header class="banner">
            <img src="./img/banner01.jpg" alt="">
        </header>
        <!-- address -->
        <section class="address">
            <div class="addr-l">
                <p>中北路汉街部国际店</p>
                <span>距离2.5KM</span>
            </div>
            <div class="addr-r">
                <span class="active">自提</span>
                <span>外送</span>
            </div>
        </section>
        <!-- content -->
        <section class="content">
            <section class="content-item">
                <div class="desc">
                    <p>现在下单</p>
                    <span>ORDER NOW</span>
                </div>
                <img src="./img/xiadan.png" alt="">
            </section>
            <section class="content-item">
                <div class="desc">
                    <!-- 跳转优惠券 -->
                    <a href="./discount coupon.html">
                        <p>优惠活动</p>
                        <span>ORDER NOW</span>
                    </a>
                </div>
                <img src="./img/youhuiquan.png" alt="">
            </section>
        </section>
        <!-- footer -->
        <footer class="tabs">
            <a href="index.html" class="tabs-item active">
                <img src="./img/icon_home_active.png" alt="">
                <span>首页</span>
            </a>
            <a href="menu.html" class="tabs-item">
                <img src="./img/icon_menu.png" alt="">
                <span>菜单</span>
            </a>
            <a href="shoppingCart.html" class="tabs-item">
                <img src="./img/icon_cart.png" alt="">
                <span>购物车</span>
            </a>
            <a href="mine.html" class="tabs-item">
                <img src="./img/icon_me.png" alt="">
                <span>我的</span>
            </a>
        </footer>
    </section>
</body>

</html>